<template>
  <div class="home_container">
    <swiper />
    <List />
    <div class="home_box"></div>
    <Bargain/>
    <Detail/>
    <ShopList/>
  </div>
</template>
<script>
import swiper from "../components/swiper/Swiper";
import List from "../components/list/List";
import Bargain from '../components/bargain/bargain'
import Detail from '../components/detail/details'
import ShopList from '../components/shoplist/Shoplist'
export default {
  components: {
    swiper,
    List,
    Bargain,
    Detail,
    ShopList
  },
};
</script>

<style scoped>
.home_box {
  width: 100%;
  height: 0.3rem;
  background-color: rgb(238, 237, 237);
}
.home_container {
  margin-bottom: 1rem;
}
</style>

